<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="index.css">
    <script src="jquery-3.2.0.min.js"></script>
    <script>
        $(function (){
            function show1(x,y,z) {
                $(x).hover(
                        function () {
                            $(y).show();
                            $(x).addClass('gdx');
                            $(z).addClass('xjj');
                        },
                        function () {
                            $(y).hide();
                            $(x).removeClass('gdx');
                            $(z).removeClass('xjj');
                        }
                )
                $(y).hover(
                        function(){
                            $(y).show();
                            $(x).addClass('gdx');
                            $(z).addClass('xjj');
                        },function(){
                            $(y).hide();
                            $(x).removeClass('gdx');
                            $(z).removeClass('xjj');
                        }
                )

            }
            show1('#l3','#box1-1','#i0');
            show1('#l4','#box1-2','#i1');
            show1('#l7','#box1-3','#i2');
            $('#anbox1,#an_shanbox1').hover(
                    function(){
                        $('#an_shanbox1').show()
                        $('#i3').addClass('xjj')
                    },
                    function(){
                        $('#an_shanbox1').hide()
                        $('#i3').removeClass('xjj')
                    }
            )
            $('#an_shanbox1 dl dd').click(function(){
                $('#anbox12').html($(this).html())
                $('#an_shanbox1').hide();
            })
            var vvv=0;
            $('#kd dd').hover(
                    function(){
                        vvv=$(this).index()
                        $(this).addClass('xqk').siblings().removeClass('xqk');
                        $('#kd div').hide().eq(vvv-1).show()
                    },
                    function(){
                        $(this).removeClass('xqk');
                        $('#kd div').hide()
                    }
            )
            $('#kd div ').hover(
                    function(){
                        $('#kd dd').eq(vvv).addClass('xqk').siblings().removeClass('xqk');
                        $(this).show()
                    },
                    function(){
                        $('#kd dd').removeClass('xqk');
                        $(this).hide()
                    }
            )

            $('#ut li').hover(
                    function(){
                        num=$(this).index()
                        $(this).addClass('bg').siblings().removeClass('bg');
                        $('#at').html('<img src="images/'+(num+8)+'.jpg" alt="#"/>')
                    }
            )

            var num=0;
            var ss=null;
            ss=setInterval(function(){
                var arr=[8,9,10,11]
                num++;
                if(num==arr.length){
                    num=0;
                }
                $('#ut li').eq(num).addClass('bg').siblings().removeClass('bg');
                $('#at').html('<img src="images/'+arr[num]+'.jpg" alt="#"/>')
            },1000)
            $('#at').hover(
                    function(){
                       clearInterval(ss)
                    },
                    function(){
                       ss=setInterval(function(){
                            var arr=[8,9,10,11]
                            num++;
                            if(num==arr.length){
                                num=0;
                            }
                           $('#ut li').eq(num).addClass('bg').siblings().removeClass('bg');
                            $('#at').html('<img src="images/'+arr[num]+'.jpg" alt="#"/>')
                        },1000)
                    }
            )
            $('#kjl').hover(
                    function () {
                        $('#box-kj').show();
                        $('#kjl').addClass('kjbm');

                    },
                    function () {
                        $('#box-kj').hide();
                        $('#kjl').removeClass('kjbm');

                    }
            )
            $('#box-kj').hover(
                    function(){
                        $('#box-kj').show();
                        $('#kjl').addClass('kjbm');

                    },function(){
                        $('#box-kj').hide();
                        $('#kjl').removeClass('kjbm');
                    }
            )
            $('#zxu li').hover(
                    function(){
                        $(this).addClass('zxll').siblings().removeClass('zxll');
                        $('#zxu-1 ul').hide().eq($(this).index()).show()
                    }
            )
            $('#yxk-u li').hover(
                    function(){
                        $(this).addClass('yxkll').siblings().removeClass('yxkll');
                        $('#yxk ol').hide().eq($(this).index()).show()
                    }
            )
            $('#u-c li').click(
                    function(){
                        $(this).addClass('cl').siblings().removeClass('cl');
                        $('#box-cz .box-cc').hide().eq($(this).index()).show()
                    }
            )
            var aaa=0;
            var sss=null;
            $('#u-u li').hover(
                    function(){
                        aaa=$(this).index()
                        $(this).addClass('cc-l2').siblings().removeClass('cc-l2');
                        $('#a-u').html('<img src="images/'+(aaa+21)+'.jpg" alt="">')
                    }
            )
            sss=setInterval(function(){
                var arr1=[21,22]
                aaa++;
                if(aaa==arr1.length){
                    aaa=0
                }
                $('#u-u li').eq(aaa).addClass('cc-l2').siblings().removeClass('cc-l2');
                $('#a-u').html('<img src="images/'+arr1[aaa]+'.jpg" alt="">')
            },1000)

            $('#box-xgwc i,#box-xgwc a').hover(
                    function(){
                        $('#box-xgwc a').show()
                    },
                    function(){
                        $('#box-xgwc a').hide()
                    }
            )
            $('#box-xgwc1 i,#box-xgwc1 a').hover(
                    function(){
                        $('#box-xgwc1 a').show()
                    },
                    function(){
                        $('#box-xgwc1 a').hide()
                    }
            )
        })
    </script>
</head>
<body>
<div class="box1 clearfix"id="box1">
    <div class="head">
        <ul class="u1 fl"id="u1">
            <li class="l11 fl">
                <a href="javascript:;"id="a1">请登录</a>
            </li>
            <li class="l2 fl">
                <a href="javascript:;"id="a2">注册</a>
            </li>
        </ul>
        <ul class="u2 fr">
            <li class="fl l3"id="l3">
                <a href="javascript:;" class="clearfix">
                    <span class="fl">各地学校</span>
                    <i class="fl i0" id="i0"></i>
                </a>
            </li>
            <div class="box1-1"id="box1-1">
            <dl class="fl">
                <dt class="fl">A</dt>
                <dd class="fl">鞍山</dd>
                <dd class="fl">安阳</dd>
            </dl>
            <dl class="fl">
                <dt class="fl">B</dt>
                <dd class="fl">鞍山</dd>
                <dd class="fl">安阳</dd>
                <dd class="fl">安阳</dd>
            </dl>
            <dl class="fl">
                <dt class="fl">C</dt>
                <dd class="fl">鞍山</dd>
                <dd class="fl">鞍山</dd>
                <dd class="fl">安阳</dd>
                <dd class="fl">安阳</dd>
                <dd class="fl">安阳</dd>
                <dd class="fl">安阳</dd>
            </dl>
            <dl class="fl">
                <dt class="fl">D</dt>
                <dd class="fl">鞍山</dd>
                <dd class="fl">安阳</dd>
            </dl>
            <dl class="fl">
                <dt class="fl">E</dt>
                <dd class="fl">鞍山</dd>
                <dd class="fl">安阳</dd>
                <dd class="fl">安阳</dd>
            </dl>
            <dl class="fl">
                <dt class="fl">F</dt>
                <dd class="fl">鞍山</dd>
                <dd class="fl">安阳</dd>
            </dl>
            <dl class="fl">
                <dt class="fl">G</dt>
                <dd class="fl">鞍山</dd>
                <dd class="fl">鞍山</dd>
                <dd class="fl">安阳</dd>
            </dl>
            <dl class="fl">
                <dt class="fl">H</dt>
                <dd class="fl">鞍山</dd>
                <dd class="fl">安阳</dd>
                <dd class="fl">安阳</dd>
            </dl>
            <dl class="fl">
                <dt class="fl">I</dt>
                <dd class="fl">鞍山</dd>
                <dd class="fl">安阳</dd>
                <dd class="fl">安阳</dd>
            </dl>
            <dl class="fl">
                <dt class="fl">J</dt>
                <dd class="fl">鞍山</dd>
                <dd class="fl">安阳</dd>
                <dd class="fl">安阳</dd>
                <dd class="fl">安阳</dd>
                <dd class="fl">安阳</dd>
            </dl>
            <dl class="fl">
                <dt class="fl">K</dt>
                <dd class="fl">鞍山</dd>
                <dd class="fl">鞍山</dd>
                <dd class="fl">安阳</dd>
            </dl>



    </div>
            <li class="fl l4" id="l4">
                <a href="javascript:;" class="clearfix">
                    <span class="fl">子机构</span>
                    <i class="fl i0"id="i1"></i>
                </a>
            </li>
            <div class="box1-2 clearfix"id="box1-2">
                <ul class="u3 fl">
                    <li>新东方在线</li>
                    <li>新东方大愚图书</li>
                    <li>家庭教育中心</li>
                    <li>新东方okay</li>
                    <li>新东方百学汇</li>
                </ul>
                <ul class="u3 fl">
                    <li>迈格森国际教育</li>
                    <li>新东方大愚图书</li>
                    <li>家庭教育中心</li>
                    <li>新东方okay</li>
                    <li>新东方百学汇</li>
                    <li>扬州国际高中</li>
                    <li>扬州国际外国语学院</li>
                    <li>北美留学直通车</li>
                    <li>满天星幼儿园</li>

                </ul>
                <ul class="u3 fl">
                    <li>前途出国</li>
                    <li>国际游学</li>
                    <li>酷学酷玩夏冬令营</li>
                    <li>批改网</li>
                    <li>留留学</li>
                    <li>小语种</li>
                    <li>乐词</li>
                    <li>职上网</li>
                </ul>
            </div>
            <li class="fl l5">
                <a href="javascript:;" class="clearfix">
                    <span>我的订单</span>
                </a>
            </li>
            <li class="fl l6">
                <a href="javascript:;" class="clearfix">
                    <span>我的新东方</span>
                </a>
            </li>
            <li class="fl l7"id="l7">
                <a href="javascript:;" class="clearfix">
                    <i class="i1 fl"></i>
                    <span class="fl">购物车</span>
                    <i class="fl i0" id="i2"></i>
                </a>
            </li>
            <div class="box1-3" id="box1-3">
                <div class="box1-4">
                    <p class="p1">工0个班级金额总计:</p>
                    <p class="p2">
                        <a href="javascript:;">去购物车并结算></a>
                    </p>
                </div>
            </div>
        </ul>
    </div>
</div>
<div class="box2">
    <a href="javascript:;" class="a1"><img src="images/4.jpg" alt=""></a>
    <div class="box2-1 clearfix">
        <h1 class="fl">
            <a href="javascript:;">新东方</a>
        </h1>
        <span class="fl anbox"id="anbox1"><span class="fl anbox12 " id="anbox12">鞍山</span><i class="i0 i2 fr"id="i3"></i><div id="an_shanbox1"class="box1-1 an_shanbox">
            <p>< 返回当前城市</p>
            <dl class="fl">
                <dt class="fl">A</dt>
                <dd class="fl">鞍山</dd>
                <dd class="fl">安阳</dd>
            </dl>
            <dl class="fl">
                <dt class="fl">B</dt>
                <dd class="fl">鞍山</dd>
                <dd class="fl">安阳</dd>
                <dd class="fl">安阳</dd>
            </dl>
            <dl class="fl">
                <dt class="fl">C</dt>
                <dd class="fl">鞍山</dd>
                <dd class="fl">鞍山</dd>
                <dd class="fl">安阳</dd>
                <dd class="fl">安阳</dd>
                <dd class="fl">安阳</dd>
                <dd class="fl">安阳</dd>
            </dl>
            <dl class="fl">
                <dt class="fl">D</dt>
                <dd class="fl">鞍山</dd>
                <dd class="fl">安阳</dd>
            </dl>
            <dl class="fl">
                <dt class="fl">E</dt>
                <dd class="fl">鞍山</dd>
                <dd class="fl">安阳</dd>
                <dd class="fl">安阳</dd>
            </dl>
            <dl class="fl">
                <dt class="fl">F</dt>
                <dd class="fl">鞍山</dd>
                <dd class="fl">安阳</dd>
            </dl>
            <dl class="fl">
                <dt class="fl">G</dt>
                <dd class="fl">鞍山</dd>
                <dd class="fl">鞍山</dd>
                <dd class="fl">安阳</dd>
            </dl>
            <dl class="fl">
                <dt class="fl">H</dt>
                <dd class="fl">鞍山</dd>
                <dd class="fl">安阳</dd>
                <dd class="fl">安阳</dd>
            </dl>
            <dl class="fl">
                <dt class="fl">I</dt>
                <dd class="fl">鞍山</dd>
                <dd class="fl">安阳</dd>
                <dd class="fl">安阳</dd>
            </dl>
            <dl class="fl">
                <dt class="fl">J</dt>
                <dd class="fl">鞍山</dd>
                <dd class="fl">安阳</dd>
                <dd class="fl">安阳</dd>
                <dd class="fl">安阳</dd>
                <dd class="fl">安阳</dd>
            </dl>
            <dl class="fl">
                <dt class="fl">K</dt>
                <dd class="fl">鞍山</dd>
                <dd class="fl">鞍山</dd>
                <dd class="fl">安阳</dd>
            </dl>



    </div></span>
        <div class="sousu fl">
            <input type="text"value="课程或班号" class="btn1 fl"id="btn1"/>
            <input type="button"value="搜索" class="btn2 fl"id="btn2"/>
            <ul class="ssu fl">
                <li class="fl">新东方网络课程</li>
                <li class="fl">雅思</li>
                <li class="fl">托福</li>
                <li class="fl">大学预科</li>
                <li class="fl">高中预科</li>
            </ul>
        </div>
    </div>
    <div class="box2-2 clearfix">
        <dl class="fl kd" id="kd">
            <dt class="kd-l1"><a href="javascript:;">课程导航</a></dt>
            <dd class="xd">学前课程</dd>
            <dd class="xd">小学课程</dd>
            <dd class="xd" >中学课程</dd>
            <dd class="xd">大学课程</dd>
            <dd class="xd">英语学习</dd>
            <dd class="xd">出国留学</dd>
            <dd class="xd">小语种</dd>
            <dd class="xd">夏冬令营</dd>
            <div>
                <a href="javascript:;" class="ka">幼儿</a>
                <ul class="ku clearfix">
                    <li class="fl">英语</li>
                    <li class="fl">语文</li>
                    <li class="fl">数学</li>
                </ul>
                <a href="javascript:;"class="ka">幼儿衔接</a>
                <ul class="ku clearfix">
                    <li class="fl">英语</li>
                    <li class="fl">语文</li>
                    <li class="fl">数学</li>
                </ul>
            </div>
            <div>
                <a href="javascript:;" class="ka">一年级</a>
                <ul class="ku clearfix">
                    <li class="fl">英语</li>
                    <li class="fl">语文</li>
                    <li class="fl">数学</li>
                </ul>
                <a href="javascript:;"class="ka">二年级</a>
                <ul class="ku clearfix">
                    <li class="fl">英语</li>
                    <li class="fl">语文</li>
                    <li class="fl">数学</li>
                </ul>
                <a href="javascript:;"class="ka">三年级</a>
                <ul class="ku clearfix">
                    <li class="fl">英语</li>
                    <li class="fl">语文</li>
                    <li class="fl">数学</li>
                </ul>
                <a href="javascript:;"class="ka">四年级</a>
                <ul class="ku clearfix">
                    <li class="fl">英语</li>
                    <li class="fl">语文</li>
                    <li class="fl">数学</li>
                </ul>
                <a href="javascript:;"class="ka">五年级</a>
                <ul class="ku clearfix">
                    <li class="fl">英语</li>
                    <li class="fl">语文</li>
                    <li class="fl">数学</li>
                </ul>
                <a href="javascript:;"class="ka">六年级</a>
                <ul class="ku clearfix">
                    <li class="fl">英语</li>
                    <li class="fl">语文</li>
                    <li class="fl">数学</li>
                </ul>
            </div>
            <div>
                <a href="javascript:;" class="ka">初一</a>
                <ul class="ku clearfix">
                    <li class="fl">英语</li>
                    <li class="fl">语文</li>
                    <li class="fl">数学</li>
                </ul>
                <a href="javascript:;"class="ka">初二</a>
                <ul class="ku clearfix">
                    <li class="fl">英语</li>
                    <li class="fl">语文</li>
                    <li class="fl">数学</li>
                    <li class="fl">物理</li>
                </ul>
                <a href="javascript:;"class="ka">初三</a>
                <ul class="ku clearfix">
                    <li class="fl">英语</li>
                    <li class="fl">语文</li>
                    <li class="fl">数学</li>
                    <li class="fl">物理</li>
                    <li class="fl">化学</li>
                    <li class="fl">生物</li>

                </ul>
                <a href="javascript:;"class="ka">高一</a>
                <ul class="ku clearfix">
                    <li class="fl">英语</li>
                    <li class="fl">语文</li>
                    <li class="fl">数学</li>
                    <li class="fl">物理</li>
                    <li class="fl">化学</li>
                    <li class="fl">生物</li>
                    <li class="fl">政治</li>
                    <li class="fl">历史</li>
                    <li class="fl">地理</li>
                    <li class="fl">理综</li>
                </ul>
                <a href="javascript:;"class="ka">高二</a>
                <ul class="ku clearfix">
                    <li class="fl">英语</li>
                    <li class="fl">语文</li>
                    <li class="fl">数学</li>
                    <li class="fl">物理</li>
                    <li class="fl">化学</li>
                    <li class="fl">生物</li>
                    <li class="fl">政治</li>
                    <li class="fl">历史</li>
                    <li class="fl">地理</li>
                    <li class="fl">理综</li>
                </ul>
                <a href="javascript:;"class="ka">六年级</a>
                <ul class="ku clearfix">
                    <li class="fl">英语</li>
                    <li class="fl">语文</li>
                    <li class="fl">数学</li>
                    <li class="fl">物理</li>
                    <li class="fl">化学</li>
                    <li class="fl">生物</li>
                    <li class="fl">政治</li>
                    <li class="fl">历史</li>
                    <li class="fl">地理</li>
                    <li class="fl">理综</li>
                    <li class="fl">自主招生</li>
                    <li class="fl">港澳面试</li>
                    <li class="fl">全日制</li>
                    <li class="fl">艺考文化课</li>
                    <li class="fl">复读</li>
                </ul>
            </div>
            <div>
                <a href="javascript:;" class="ka">大学考级</a>
                <ul class="ku clearfix">
                    <li class="fl">四级</li>
                    <li class="fl">六级</li>
                    <li class="fl">专四</li>
                    <li class="fl">专八</li>
                </ul>
                <a href="javascript:;"class="ka">考研公共课</a>
                <ul class="ku clearfix">
                    <li class="fl">英语</li>
                    <li class="fl">政治</li>
                    <li class="fl">数学</li>
                    <li class="fl">英语二</li>
                    <li class="fl">公共课联网</li>
                </ul>
                <a href="javascript:;"class="ka">考研专业课</a>
                <ul class="ku clearfix">
                    <li class="fl">文学</li>
                    <li class="fl">法学</li>
                    <li class="fl">经济学</li>
                    <li class="fl">管理学</li>
                    <li class="fl">艺术学</li>
                    <li class="fl">工学</li>

                </ul>
                <a href="javascript:;"class="ka">考研无忧计划（一站式解决方案）</a>
                <ul class="ku clearfix">
                    <li class="fl">公共课+专业课</li>
                </ul>
                <a href="javascript:;"class="ka">考研集训营</a>
                <ul class="ku clearfix">
                    <li class="fl">暑假集训营</li>
                    <li class="fl">寒假集训营</li>
                    <li class="fl">春季集训营</li>
                    <li class="fl">秋季集训营</li>
                    <li class="fl">大二集训营</li>
                </ul>
                <a href="javascript:;"class="ka">考博</a></ul><br/>
                <a href="javascript:;"class="ka">大学预科</a></ul>
            </div>
            <div><a href="javascript:;" class="ka">新概念</a>
                <ul class="ku clearfix">
                    <li class="fl">初中生</li>
                    <li class="fl">高中生</li>
                    <li class="fl">大学生</li>
                    <li class="fl">成人</li>
                </ul>
                <a href="javascript:;"class="ka">口语提高</a>
                <ul class="ku clearfix">
                    <li class="fl">倍学口语</li>
                    <li class="fl">听说速成</li>
                    <li class="fl">外教口语</li>
                    <li class="fl">听说风暴营</li>
                </ul>
                <a href="javascript:;"class="ka">词汇速记</a>
                <ul class="ku clearfix">
                    <li class="fl">1000-2000词</li>
                    <li class="fl">2500-3500词</li>
                    <li class="fl">4000-5000词</li>
                    <li class="fl">5500-6000词</li>
                    <li class="fl">6000-7000词</li>
                </ul>
                <a href="javascript:;"class="ka">全面提升</a>
                <ul class="ku clearfix">
                    <li class="fl">海外生存</li>
                    <li class="fl">国际高中全能</li>
                    <li class="fl">英语畅学计划</li>
                </ul>
                <a href="javascript:;"class="ka">单项突破</a>
                <ul class="ku clearfix">
                    <li class="fl">口语</li>
                    <li class="fl">阅读</li>
                    <li class="fl">翻译</li>
                    <li class="fl">写作</li>
                    <li class="fl">语音</li>
                </ul>
                <a href="javascript:;"class="ka">职场英语</a></ul>
                <ul class="ku clearfix">
                    <li class="fl">商务英语</li>
                    <li class="fl">职称英语</li>
                    <li class="fl">BTTC</li>
                    <li class="fl">WBTTC</li>
                    <li class="fl">教师培训</li>
                </ul>
                <a href="javascript:;"class="ka">素质英语</a></ul>
                <ul class="ku clearfix">
                <li class="fl">3-6少儿英语</li>
                <li class="fl">6-10少年英语</li>
                <li class="fl">10-18青少年英语</li>
                </ul>
            </div>
            <div>
                <a href="javascript:;" class="ka">语言考试</a>
                <ul class="ku clearfix">
                    <li class="fl">TOEFL（托福）</li>
                    <li class="fl">IELTS（雅思）</li>
                </ul>
                <a href="javascript:;"class="ka">中学入学考试</a>
                <ul class="ku clearfix">
                    <li class="fl">TOEFL junior</li>
                    <li class="fl">SSAT</li>

                </ul>
                <a href="javascript:;"class="ka">研究生入学考试</a>
                <ul class="ku clearfix">
                    <li class="fl">SAT*|</li>
                    <li class="fl">SAT*||</li>
                    <li class="fl">ACT</li>
                    <li class="fl">AP.EXAM</li>
                    <li class="fl">英澳名校预科</li>
                </ul>
                <a href="javascript:;"class="ka">本科入学考试</a>
                <ul class="ku clearfix">
                    <li class="fl">海外生存</li>
                    <li class="fl">国际高中全能</li>
                    <li class="fl">英语畅学计划</li>
                </ul>
                <a href="javascript:;"class="ka">海外生存</a>
                <ul class="ku clearfix">
                    <li class="fl">口语</li>
                </ul>
                <a href="javascript:;"class="ka">整体解决方案</a></ul>
                <ul class="ku clearfix">
                    <li class="fl">商务英语</li>
                    <li class="fl">职称英语</li>
                    <li class="fl">BTTC</li>
                </ul>

                <a href="javascript:;"class="ka">留学申请</a></ul>
                <ul class="ku clearfix">
                    <li class="fl">美国</li>
                    <li class="fl">法国</li>
                    <li class="fl">意大利</li>
                    <li class="fl">马来西亚</li>
                    <li class="fl">新加坡</li>
                </ul>
            </div>
            <div>
                <a href="javascript:;" class="ka">语言考试</a>
                <ul class="ku clearfix">
                    <li class="fl">TOEFL（托福）</li>
                    <li class="fl">IELTS（雅思）</li>
                </ul>
                <a href="javascript:;"class="ka">中学入学考试</a>
                <ul class="ku clearfix">
                    <li class="fl">TOEFL junior</li>
                    <li class="fl">SSAT</li>

                </ul>
                <a href="javascript:;"class="ka">本科入学考试</a>
                <ul class="ku clearfix">
                    <li class="fl">海外生存</li>
                    <li class="fl">国际高中全能</li>
                    <li class="fl">英语畅学计划</li>
                </ul>
                <a href="javascript:;"class="ka">海外生存</a>
                <ul class="ku clearfix">
                    <li class="fl">口语</li>
                </ul>
                <a href="javascript:;"class="ka">留学申请</a></ul>
                <ul class="ku clearfix">
                    <li class="fl">美国</li>
                    <li class="fl">法国</li>
                    <li class="fl">意大利</li>
                    <li class="fl">马来西亚</li>
                    <li class="fl">新加坡</li>
                </ul>
            </div>
            <div>
                <a href="javascript:;" class="ka">学习营</a>
                <ul class="ku clearfix">
                    <li class="fl">小学生</li>
                    <li class="fl">中学生</li>
                    <li class="fl">大学生</li>
                </ul>
                <a href="javascript:;"class="ka">素质提高营</a>
                <ul class="ku clearfix">
                    <li class="fl">运动</li>
                    <li class="fl">艺术</li>
                    <li class="fl">领导力</li>
                    <li class="fl">技能</li>
                </ul>
                <a href="javascript:;"class="ka">国内游学营</a>
                <ul class="ku clearfix">
                    <li class="fl">小学生</li>
                    <li class="fl">中学生</li>
                    <li class="fl">大学生</li>
                </ul>
                <a href="javascript:;"class="ka">本科入学考试</a>
                <ul class="ku clearfix">
                    <li class="fl">海外生存</li>
                    <li class="fl">国际高中全能</li>
                    <li class="fl">英语畅学计划</li>
                </ul>

            </div>
        </dl>
        <div class="box2-r fl">
            <ul class="ur clearfix">
                <li class="fl ll"><a href="javascript:;">小学辅导</a></li>
                <li class="fl ll"><a href="javascript:;">中学辅导</a></li>
                <li class="fl ll"><a href="javascript:;">大学辅导</a></li>
                <li class="fl ll"><a href="javascript:;">英语辅导</a></li>
                <li class="fl ll"><a href="javascript:;">出国留学</a></li>
                <li class="fl ll"><a href="javascript:;">名师查询</a></li>
                <li class="fr lr">0412-8991199</li>
            </ul>
            <div class="box2-rt clearfix">
                <div class="tp fl"id="tp">
                    <a href="javascript:;"id="at"><img src="images/8.jpg" alt="#"/></a>
                    <p></p>
                    <ul class="ut" id="ut">
                        <li class="fl lt bg"></li>
                        <li class="fl lt"></li>
                        <li class="fl lt"></li>
                        <li class="fl lt"></li>
                    </ul>
                </div>
                <div class="box2-lb fl">
                    <ul class="kbb clearfix">
                        <li class="fl l1  l3" id="kjl">
                            <i class="fl "></i>
                            <a href="javascript:;"class="fl">快捷报班</a>
                        </li>
                        <div class="box-kj clearfix" id="box-kj">
                            <input type="text"value="请输入班号" class="btn1 fl"/>
                            <input type="button"value="立即" class="btn2 fl"/>
                        </div>
                        <li class="fl l1 l2 l3 ll4">
                            <i class="fl "></i>
                            <a href="javascript:;"class="fl">快捷报班</a>
                        </li>
                        <li class="fl l1 l3">
                            <i class="fl "></i>
                            <a href="javascript:;"class="fl">快捷报班</a>
                        </li>
                        <li class="fl l1 l2">
                            <i class="fl "></i>
                            <a href="javascript:;"class="fl">快捷报班</a>
                        </li>
                        <li class="fl l1 l2">
                            <i class="fl "></i>
                            <a href="javascript:;"class="fl">快捷报班</a>
                        </li>
                        <li class="fl l1">
                            <i class="fl "></i>
                            <a href="javascript:;"class="fl">快捷报班</a>
                        </li>
                    </ul>
                </div>
                <div class="box-zxh fl" id="box-zxh">
                    <ul class="zxu"id="zxu">
                        <li class="zxl zxll fl"id="zx1">最新活动</li>
                        <li class="zxl fl"id="zx2">集团新闻</li>
                    </ul>
                    <div id="zxu-1"class="box-zxu">
                        <ul class="zxu-1" style="display: block">
                            <li class="clearfix ">
                                <span class="fl s1"></span>
                                <span class="fl s2">新东方托福多样班型满足不同需求</span>
                            </li>
                            <li class="clearfix ">
                                <span class="fl s1"></span>
                                <span class="fl s2">新东方托福多样班型满足不同需求</span>
                            </li>
                            <li class="clearfix ">
                                <span class="fl s1"></span>
                                <span class="fl s2">新东方托福多样班型满足不同需求</span>
                            </li>
                            <li class="clearfix ">
                                <span class="fl s1"></span>
                                <span class="fl s2">新东方托福多样班型满足不同需求</span>
                            </li>
                            <li class="clearfix ">
                                <span class="fl s1"></span>
                                <span class="fl s2">新东方托福多样班型满足不同需求</span>
                            </li>
                        </ul>
                        <ul class="zxu-1">
                            <li class="clearfix ">
                                <span class="fl s1"></span>
                                <span class="fl s2">1500元游学梦想基金免费领</span>
                            </li>
                            <li class="clearfix ">
                                <span class="fl s1"></span>
                                <span class="fl s2">2017年寒假新概念报班优惠来啦</span>
                            </li>
                            <li class="clearfix ">
                                <span class="fl s1"></span>
                                <span class="fl s2">新东方托福多样班型满足不同需求</span>
                            </li>
                            <li class="clearfix ">
                                <span class="fl s1"></span>
                                <span class="fl s2">新东方托福多样班型满足不同需求</span>
                            </li>
                            <li class="clearfix ">
                                <span class="fl s1"></span>
                                <span class="fl s2">新东方托福多样班型满足不同需求</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <ol class="ot clearfix">
        <li class="fl"><a href="javascript:;"><img src="images/14.jpg" alt=""></a></li>
        <li class="fl"><a href="javascript:;"><img src="images/15.jpg" alt=""></a></li>
        <li class="fl"><a href="javascript:;"><img src="images/16.jpg" alt=""></a></li>
        <li class="fl"><a href="javascript:;"><img src="images/15.jpg" alt=""></a></li>
        <li class="fl"><a href="javascript:;"><img src="images/16.jpg" alt=""></a></li>
        <li class="fl"><a href="javascript:;"><img src="images/15.jpg" alt=""></a></li>
        <li class="fl"><a href="javascript:;"><img src="images/16.jpg" alt=""></a></li>
    </ol>
    <a href="javascript:;"><img src="images/17.jpg" alt=""></a>
    <div class="yxk clearfix" id="yxk">
        <h2 class="fl">优选课程为你推荐</h2>
        <ul class="yxk-u fr" id="yxk-u">
            <li class="fl yxk-ul1 yxkll">大学考试</li>
            <li class="fl yxk-ul1 ">小学辅导</li>
        </ul>
        <ol class="yxk-o fl" style="display: block">
        <li class="fl yxk-ol1">
            <img src="images/18.jpg" alt="">
            <p>四级冲刺班</p>
        </li>
        <li class="fl yxk-ol1">
            <img src="images/18.jpg" alt="">
            <p>六级冲刺班</p>
        </li>
        <li class="fl yxk-ol1">
            <img src="images/18.jpg" alt="">
            <p>四级冲刺班</p>
        </li>
        <li class="fl ">
            <img src="images/18.jpg" alt="">
            <p>六级冲刺班</p>
        </li>
    </ol>
        <ol class="yxk-o fl">
            <li class="fl yxk-ol1">
                <img src="images/19.jpg" alt="">
                <p>四级冲刺班</p>
            </li>
            <li class="fl yxk-ol1">
                <img src="images/19.jpg" alt="">
                <p>六级冲刺班</p>
            </li>
            <li class="fl yxk-ol1">
                <img src="images/19.jpg" alt="">
                <p>四级冲刺班</p>
            </li>
            <li class="fl ">
                <img src="images/19.jpg" alt="">
                <p>六级冲刺班</p>
            </li>
        </ol>
    </div>
    <div class="box-c clearfix">
        <div class="box-cz fl" id="box-cz">
            <h2 class="fl">资讯</h2>
            <ul class="u-c fl" id="u-c">
                <li class="fl c-l cl">中学</li>
                <li class="fl c-l">大学</li>
                <li class="fl c-l">留学</li>
                <li class="fl c-l">英语学习</li>
                <li class="fl c-l">少儿学习</li>
            </ul>
            <div class="box-cc fl" id="box-cc"style="display: block">
                <div class="box-cp fl">
                    <dl class="c-d">
                        <dt><span>高考改革方案出炉</span> <span>高三一轮复习规划</span> <span>2017年高考备案</span></dt>
                        <dd><span>热点：</span><span>2017年海军招收飞行员简章 | </span><span>高三学霸完美蜕变计划 | </span><span>高三考生住宿利弊</span></dd>
                        <dd><span>热点：</span><span>2017年海军招收飞行员简章 | </span><span>高三学霸完美蜕变计划 | </span><span>高三考生住宿利弊</span></dd>
                        <dd><span>热点：</span><span>2017年海军招收飞行员简章 | </span><span>高三学霸完美蜕变计划 | </span><span>高三考生住宿利弊</span></dd>
                        <dd><span>热点：</span><span>2017年海军招收飞行员简章 | </span><span>高三学霸完美蜕变计划 | </span><span>高三考生住宿利弊</span></dd>
                    </dl>
                    <dl class="c-d c-d1">
                        <dt><span>2017北京初三上期末试题答案</span>&nbsp;<span>2017上海一模中考答案</span>
                        <dd><span>[备考类]</span> <span>武汉元月初三历年真题|</span> <span>中考数学选择易错题 |</span> <span>中考英语话题作文题目</span></dd>
                        <dd><span>[物化生]</span> <span>语文 |</span><span>数学 |</span> <span>物理 |</span> <span>化学 |</span> <span>生物 |</span> <span>英语</span> </dd>
                        <dd><span>[史地生]</span> <span>中考历史选择题100题 |</span> <span>中考地理经典试题 |</span><span>中考政治时事热点</span> </dd>
                        <dd><span>[读书笔记]</span> <span>老人与海 |</span><span>水浒传 |</span> <span>西游记 |</span> <span>骆驼祥子 |</span> <span>平凡的世界</span> </dd>
                        <dd><span>[历年真题] </span><span>2010 |</span><span>2012 |</span><span> 2013 |</span> <span>2014 |</span><span>2015 |</span> <span>2016 </span> </dd>
                    </dl>
                    <div class="c-box clearfix">
                        <a href="javascript:;"class="fl"><img src="images/20.jpg" alt=""></a>
                        <div class="boxcc fl">
                            <h3>2017绍兴首批普通高中重点特色学科面向全市招</h3>
                            <p>从2017年开始，绍兴市首批重点特色学科学校可面向全市招收具有学科特长的应届初中毕业生...</p>
                        </div>
                    </div>
                    <div class="c-box clearfix">
                        <a href="javascript:;"class="fl"><img src="images/20.jpg" alt=""></a>
                        <div class="boxcc fl">
                            <h3>2017绍兴首批普通高中重点特色学科面向全市招</h3>
                            <p>从2017年开始，绍兴市首批重点特色学科学校可面向全市招收具有学科特长的应届初中毕业生...</p>
                        </div>
                    </div>
                    <div class="c-box c-box1 clearfix">
                        <a href="javascript:;"class="fl"><img src="images/20.jpg" alt=""></a>
                        <div class="boxcc fl">
                            <h3>2017绍兴首批普通高中重点特色学科面向全市招</h3>
                            <p>从2017年开始，绍兴市首批重点特色学科学校可面向全市招收具有学科特长的应届初中毕业生...</p>
                        </div>
                    </div>
                </div>
                <div class="boxc-ct fl">
                    <a href="javascript:;" id="a-u"><img src="images/21.jpg" alt=""></a>
                    <p></p>
                    <span>高中生开学季学习规划</span>
                    <ul id="u-u">
                        <li class="fl cc-l1 cc-l2"></li>
                        <li class="fl cc-l1"></li>
                    </ul>
                </div>
                <div class="boxc-cct fl">
                    <a href="javascript:;" class="fl"><img src="images/23.jpg" alt=""></a>
                    <h4 class="fl">2016高考查分</h4>
                    <p class="fl">2016高考录取批次线  高考成绩查询  高校信息查询</p>
                </div>
                <div class="boxc-cct boxc-cct1 fl">
                    <a href="javascript:;" class="fl"><img src="images/23.jpg" alt=""></a>
                    <h4 class="fl">2016高考查分</h4>
                    <p class="fl">2016高考录取批次线  高考成绩查询  高校信息查询</p>
                </div>
            </div>
            <div class="box-cc box-cc2 fl" id="box-cc1">11111111</div>
            <div class="box-cc box-cc2 fl" id="box-cc2">太麻烦了</div>
            <div class="box-cc box-cc2 fl" id="box-cc3">烦死了</div>
            <div class="box-cc box-cc2 fl" id="box-cc4">啊啊啊啊啊啊啊啊</div>
        </div>
        <div class="box-crr fl">
            <h5>品牌专区</h5>
            <div class="cc-box">
                 <a href="javascript:;" class=" fl"><img src="images/24.jpg" alt=""></a>
                 <a href="javascript:;" class=" fl"><img src="images/25.jpg" alt=""></a>
                 <a href="javascript:;" class=" fl"><img src="images/26.jpg" alt=""></a>
                 <a href="javascript:;" class=" fl"><img src="images/27.jpg" alt=""></a>
                 <a href="javascript:;" class=" fl"><img src="images/28.jpg" alt=""></a>
                 <a href="javascript:;" class=" fl"><img src="images/24.jpg" alt=""></a>
                 <a href="javascript:;" class=" fl"><img src="images/25.jpg" alt=""></a>
                 <a href="javascript:;" class=" fl"><img src="images/26.jpg" alt=""></a>
                 <a href="javascript:;" class=" fl"><img src="images/27.jpg" alt=""></a>
                 <a href="javascript:;" class=" fl"><img src="images/28.jpg" alt=""></a>
                 <a href="javascript:;" class=" fl"><img src="images/25.jpg" alt=""></a>
                 <a href="javascript:;" class=" fl"><img src="images/26.jpg" alt=""></a>
                 <a href="javascript:;" class=" fl"><img src="images/24.jpg" alt=""></a>
            </div>
        </div>
    </div>
    <div class="box-last">
        <h6>友情链接</h6>
        <ul class="clearfix">
            <li class="fl l-last1 l-last2"><a href="javascript:;">搜狐教育</a></li>
            <li class="fl l-last1"><a href="javascript:;">人人网教育</a></li>
            <li class="fl l-last1"><a href="javascript:;">新东方教育</a></li>
            <li class="fl l-last1"><a href="javascript:;">凤凰网教育</a></li>
            <li class="fl l-last1"><a href="javascript:;">护盾教育</a></li>
            <li class="fl l-last1"><a href="javascript:;">高顿教育</a></li>
            <li class="fl l-last1"><a href="javascript:;">出国留学学者</a></li>
            <li class="fl l-last1"><a href="javascript:;">新东方前途出国</a></li>
            <li class="fl l-last1"><a href="javascript:;">人知网</a></li>
            <li class="fl l-last1"><a href="javascript:;">爱奇乐</a></li>
            <li class="fl l-last1"><a href="javascript:;">尚德</a></li>
            <li class="fl l-last1"><a href="javascript:;">决胜网</a></li>
            <li class="fl l-last1"><a href="javascript:;">乐博乐博</a></li>
            <li class="fl l-last1"><a href="javascript:;">高顿网校</a></li>
            <li class="fl l-last1 l-last2"><a href="javascript:;">留留学</a></li>
        </ul>
    </div>
    <div class="box-last1 clearfix">
        <dl class="fl d-ll">
            <dt>关于新东方</dt>
            <dd><a href="javascript:;">发展历史</a></dd>
            <dd><a href="javascript:;">管理团队</a></dd>
            <dd><a href="javascript:;">企业文化</a></dd>
            <dd><a href="javascript:;">旗下品牌</a></dd>
            <dd><a href="javascript:;">企业微博</a></dd>
            <dd><a href="javascript:;">加入我们</a></dd>
        </dl>
        <dl class="fl d-ll">
            <dt>新手帮助</dt>
            <dd><a href="javascript:;">发展历史</a></dd>
            <dd><a href="javascript:;">管理团队</a></dd>
            <dd><a href="javascript:;">企业文化</a></dd>
            <dd><a href="javascript:;">旗下品牌</a></dd>
            <dd><a href="javascript:;">企业微博</a></dd>
            <dd><a href="javascript:;">加入我们</a></dd>
        </dl>
        <dl class="fl d-ll">
            <dt>常见问题</dt>
            <dd><a href="javascript:;">学员号</a></dd>
            <dd><a href="javascript:;">一卡通</a></dd>
            <dd><a href="javascript:;">会员积分制度</a></dd>
            <dd><a href="javascript:;">积分消费制度</a></dd>

        </dl>
        <dl class="fl d-ll">
            <dt>支付方式</dt>
            <dd><a href="javascript:;">网上支付</a></dd>
            <dd><a href="javascript:;">现场支付</a></dd>
            <dd><a href="javascript:;">电话支付</a></dd>
            <dd><a href="javascript:;">汇款支付</a></dd>
            <dd><a href="javascript:;">手机支付</a></dd>

        </dl>
        <dl class="fl d-ll">
            <dt>联系我们</dt>
            <dd><a href="javascript:;">校区电话</a></dd>
            <dd><a href="javascript:;">意见建议</a></dd>
            <dd><a href="javascript:;">联系邮箱</a></dd>

        </dl>
        <dl class="fl d-ll2">
            <dt>企业官网</dt>
            <dd><a href="javascript:;">法律声明</a></dd>
            <dd><a href="javascript:;">社会责任</a></dd>
            <dd><a href="javascript:;">教育导航</a></dd>
        </dl>
    </div>
    <p class="clearfix p-la"><span class="fl ss1">经营与可证编号：京ICP备10152023 &nbsp;&nbsp;|&nbsp;&nbsp;京ICP证215612 &nbsp;&nbsp;|&nbsp;&nbsp;京网文452165号&nbsp;&nbsp;|</span><span class="fl ss2">京公安16552655号</span></p>
    <p class="p-la1">CjkhfriuvAopkropgesjrBigjorfdFkdjfsh265851dsghcbsdzjkvhs</p>
    <p class="p-laa"><a href="javascript:;"><img src="images/30.jpg" alt=""></a></p>
</div>
<div class="box-gddw ">
    <div class="box-xgwc clearfix" id="box-xgwc">
        <i class="fl"></i>
        <a href="javascript:;" class="fl">购物车</a>
    </div>
    <div class="box-xgwc box-xgwc1 clearfix" id="box-xgwc1">
        <i class="fl"></i>
        <a href="javascript:;" class="fl">登录 | 注册</a>
    </div>
    <div class="fh">
        <a href="#" class="fl"><img src="images/33.jpg" alt=""></a>
    </div>
</div>
</body>
</html>